草庐IT

Android:LinearLayout.addview 动画后向下滚动

全部标签

javascript - SVG 动画在 IE & Edge 上出现 "out of bounds"

我遇到的问题似乎只影响IE和Edge(已在IE9-11和Edge12-13上测试)。我正在使用Snap.svg为SVG笔画偏移设置动画,这似乎运行良好,但在某些点笔画似乎“越界”并消失。这很奇怪,因为viewBox设置为明显适合线条(它是直接从Illustrator导出的,带有适合整条线条的画板)。您可以在此处查看实际效果:http://codepen.io/ndimatteo/full/zqLBVW///SSSSSNAKEvarsnake=Snap('#snake-previewsvg');varbodyPath=snake.select('#snake-body');varbody

javascript - 返回历史记录时的 Sammy.js 缓存和滚动位置

我不知道是否还有人在使用Sammy.js,但我发现它非常适合我对轻量级路由和模板库的需求。如果有人有其他想法,请告诉我。我的问题是,当我有一个长页面并向下滚动时,单击此页面上的链接并返回,整个页面被重新加载(在Sammy中,调用GET路由)并跳转到顶部页面的。我的问题是:有没有办法让Sammy缓存页面并在返回历史记录时保持滚动位置?提前致谢。 最佳答案 您可以使用localStorage作为将url-scrolltop成对存储的替代方法。这样浏览器就会记住指定url的srolltop位置。varscroltop,url;$(wind

javascript - 具有初始速度的动画

我已经尝试解决这个问题好几天了,但我一定遗漏了一些东西。已知变量:vi=初始速度t=动画时长d=距离。最终速度应始终为零我要创建的函数:D(0...t)=给定时间的当前距离使用此信息,我希望能够创建具有不同速度(缓入/缓出)的平滑动画曲线。动画必须能够从初始速度开始缓入。动画必须恰好为t秒,并且必须恰好行进d个单位。曲线应该倾向于平均速度,加速度出现在曲线的开始和结束部分。我愿意接受额外的配置变量。我能想出的最好的办法是不考虑初始速度。我希望有更聪明的人可以帮助我。;)谢谢!附注我正在使用ECMAScript变体 最佳答案 这是一个

javascript - 使用 jQuery 的伪元素动画

我正在使用a:after,它包含right:Ypx。我想使用jQuery中的animate方法将元素(a:after)从Ypx移动到Zpx,我该怎么做?例如:[link-text][after][link-text]--moving>--[after]我知道如何在没有动画的情况下做到这一点,只需执行a:hover:after{right:Zpx}但如何使用动画呢? 最佳答案 您正在尝试做的事情非常老套,我强烈建议您制作真实的元素,而不是尝试为伪元素制作动画。但是,供将来引用:为伪元素设置动画的唯一方法是插入style标记并更改实际C

javascript - 绑定(bind)到鼠标滚轮的平滑水平滚动

这是一个使用鼠标滚轮水平滚动的工作示例,但滚动不流畅。我所说的平滑是指像Firefox或Opera中的普通垂直滚动。$(function(){$("html,body").mousewheel(function(event,delta){this.scrollLeft-=(delta*30);event.preventDefault();});});(http://brandonaaron.net/code/mousewheel/docs)我做了一个现场演示来演示这一点。http://jsfiddle.net/Dw4Aj/我希望这个滚动像垂直滚动一样工作,同时具有鼠标滚轮和平滑度。有人

javascript - 如何使用 ng-animate 以与列出元素相同的方式为表格行设置动画?

使用angular的ng-animate使列表流畅地动画化非常简单,但表格似乎是另一回事。PlunkerlistPlunkertable表格移动动画不起作用,元素只是卡入到位,我想表格需要一些其他CSS/JS,但我不确定什么会起作用,我尝试了很多东西没有成功。我确定这是可能的,例如有这个jQuerytableanimation但这如何转化为Angular动画?我是否必须通过指令深入研究一些JS/jQueryDOM操作,还是有其他方法?无论哪种方式,我都希望看到一种优雅的方式来实现这一点。 最佳答案 问题是行的高度保持不变(直到它们被

javascript - 在 React 中,如何立即触发动画而不是让它们排队?

试试fiddle:http://jsfiddle.net/zhjk39qe/2/-单击按钮使框淡入/淡出。当我快速连续两次单击按钮时,我希望框开始淡出一瞬间但立即淡入。相反,在这个fiddle中,框必须淡出一直然后将一直淡入。(第二次点击排队,感觉不爽,用户体验差。)有没有办法立即强制执行第二次转换?(一直在这里挖掘但不确定去哪里:https://github.com/facebook/react/tree/master/src/addons/transitions)JS在这里:varReactCSSTransitionGroup=React.addons.CSSTransitionG

javascript - 覆盖打开后如何防止 body 滚动?

我正在寻找一种方法来防止主体在打开覆盖“弹出部分”时滚动,并且只允许在“弹出部分”div上滚动。我正在寻找使用javascript的解决方案,但是,我对JS不是很有经验有人有什么建议吗?$('#toggle-menu').click(function(){$(this).toggleClass('active');$('.popup-section').toggleClass('open');$('html').toggleClass('open');});$('.popup-section').click(function(){$(this).toggleClass('active'

javascript - 如何检测客户端是否滚动到网页的顶部或底部?

我正在寻找一种跨浏览器的方法来检测客户端Web浏览器一直滚动到屏幕底部(或顶部)。真的,上顶很容易,因为scrY=window.pageYOffset||文档.body.scrollTop||文档.documentElement.scrollTop如果您在顶部,则为零。问题是scrY似乎返回滚动条的顶部,而不是底部,所以我没有得到相当于文档高度(以像素为单位)的东西,我大概是文档的高度减去滚动条。是否有一种简单的跨浏览器方法来查明用户是否已向下滚动到文档/窗口的底部?最具体地说,我理解一般的滚动条操作(设置它、移动它等),但我怎样才能得到滚动条底部相对于窗口/文档底部的增量。

javascript - 更改隐藏的 div 的滚动

我有一个固定高度和滚动条的隐藏div。我想更改滚动位置,但浏览器不允许我这样做,因为div是隐藏的。scrollTop属性将保持为0。此外,我不想显示和隐藏div,这会导致闪烁。如果有人知道该怎么做,那将非常有帮助。谢谢! 最佳答案 您可以使用jQuery的数据函数保存滚动。functionSaveScroll(val){$(the_element).data("Scroll",val);}functionShow(){varelement=$(the_element);//preventfromshowingwhilescroll